<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Brick Work</title>
	
	<link href="css/estilo.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/tema-default-nivo-slider.css" type="text/css" media="screen" />
	
	<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
	
	<script type="text/javascript">
	$(function(){
		$('.imagen_menu').hover(
			function(){
				var src = $(this).attr('src');
				var src = src.replace('.jpg', '_hover.jpg');
				$(this).attr({
					'src': src
				});
			},
			function(){
				var src = $(this).attr('src');
				src = src.replace('_hover.jpg', '.jpg');
				$(this).attr({
					'src': src
				});
			}
		);
	})
	</script>
	
	
	
  </head>
  <body>
	
	<div id="all">	
		
		
		<div id="cabecera">

			<div class="slider-wrapper theme-default">
				<div id="slider" class="nivoSlider">
					<img src="images/slider/slider1.jpg" alt="" />
					<img src="images/slider/slider2.jpg" alt="" />
					<img src="images/slider/slider3.jpg" alt="" />
					<img src="images/slider/slider4.jpg" alt="" />
				</div>
			</div>
			<script type="text/javascript">
				$(window).load(function() {
					$('#slider').nivoSlider();
				});
			</script>
			
			<div id="logo"><img src="images/slider/logo.png" /></div>
	
		</div>
		
		<div id='cuerpo'>
		
			<div id="menu">
				<a href="index.html"><img src="images/menu/home.jpg" class="imagen_menu" /></a><a href="#"><img src="images/menu/quienes-somos.jpg" class="imagen_menu" /></a><a href="#"><img src="images/menu/catalogo.jpg" class="imagen_menu" /></a><a href="#"><img src="images/menu/contacto.jpg" class="imagen_menu" /></a>
			</div>
			
			<div id="contenido">
				<div class="izq">
					<h1>CALIDAD ANTE TODO</h1>
					En Brick work cuidamos hasta el ultimo detalle de nuestros productos para garantizar la m&aacute;xima calidad. <BR />Adem&aacute;s ofrecemos una garant&iacute;a de 5 a&ntilde;os en todos nuestros productos convirti&eacute;ndonos as&iacute; en la mejor marca del mundo.
				</div>
				<div class="der">
					<img src="images/imagen1.jpg" width="400px" />
				</div>

			</div>
			
		</div>
	
	</div>
	
	
	<div id="footer">
		<div id="pie">
			<div class="pie">
				<h4>Mapa web</h4><br />
				<a href="index.html">-> Home</a><br />
				<a href="#">-> Quienes somos</a><br />
				<a href="#">-> Cat&aacute;logo</a><br />
				<a href="#">-> Contacto</a><br />
			</div>
			<div class="pie">
				<h4>Enlaces de inter&eacute;s</h4><br />
				<a href="#">Enlace</a><br />
				<a href="#">Enlace</a><br />
				<a href="#">Enlace</a><br />
				<a href="#">Enlace</a><br />
			</div>
			<div class="pie">
				
			</div>
		</div>
	</div>
	
  </body>
</html>
